*{
	margin: 0px;
	padding:0px;
	font: "微软雅黑";
	text-decoration: none;
}
.top{
	width: 1200px;
	height: 50px;
	margin: 20px auto;
}
.top .logo{
	display: inline-block;
}
.top .right{
	display: inline-block;
	margin-left: 70px;
}
.top .right a{
	color: #000;
	margin: 0px 20px;
	float: left;
	font-size: 18px;
	display:block;
	line-height: 50px;
}
.top .right a:hover{
	color: #31c27c;
}
.right a:nth-child(1){
	color: #31c27c;
}
.top .sou{
	display: inline-block;
	float: right;
}
.top .sou input{
	text-indent: 20px;
	height: 30px;
	margin-top: 10px;
	outline: none;
}
.top .sou button{
	height: 30px;
	margin-top: 10px;
}
.gedan{
	height: 50px;
	width: 120px;
	margin: auto;
	font-size: 30px;
	margin-bottom: 30px;
}
.box{
	margin-top: 50px;
	width: 1300px;
	height: 400px;
/*	border: 1px solid gray;*/
	margin: auto;
}
.box .box-top{
	width: 300px;
	border: none;
	box-shadow:5px  5px 5px  rgba(0,0,0,0.4);
	float: left;
	margin:0 12px;
	cursor: pointer;
} 
.box-top .text{
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.box-top .fang{
	height: 0px;
	background-color: lightblue;
	text-align: center;
	line-height: 40px;
	overflow: hidden;
	transition: all 0.5s;
}
.box-top:hover .fang{
	display: block;
	height:40px;
}
/*.bottom{
	width: 1300px;
	margin-top: 50px;
	margin: auto;
}
.bottom .box-top{
	float: left;
	margin:0 12px;
}*/
.ban{
	width: 100%;
	height:60px;
	line-height: 60px;
	text-align: center;
	background-color: grey;
}
